<!DOCTYPE html>
/*
 * jCarousel - Riding carousels with jQuery
 *   http://sorgalla.com/jcarousel/
 */
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1;"/>
        <title>
        </title>
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
	<link rel="stylesheet" href="themes/carryOut.css" />
	<link rel="stylesheet" type="text/css" href="themes/carouselSkin.css" />
	<style>
            /* App custom styles */
        </style>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
        </script>
        <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js">
        </script>
	<script type="text/javascript" src="jquery.jcarousel.min.js"></script>

        <script type="text/javascript">

	jQuery(document).ready(function() {
	    jQuery('#mycarousel').jcarousel();
	});
	
	</script>
    </head>
    <body >
        <div data-role="page" id="page2">
            <div data-theme="a" data-role="header">
                <h3 class="title">
                    Red Pepper Restaurant
                </h3>
            </div>
            <div class="container" data-role="content" align="center" style="position: relative;">
		<ul id="mycarousel" class="jcarousel-skin-tango">
		    <li><img src="images/photos/250/img1.jpg" width="250" height="188" alt="" /></li>
		    <li><img src="images/photos/250/img2.jpg" width="250" height="188" alt="" /></li>
		    <li><img src="images/photos/250/img3.jpg" width="250" height="188" alt="" /></li>
		    <li><img src="images/photos/250/img4.jpg" width="250" height="188" alt="" /></li>
		    <li><img src="images/photos/250/img5.jpg" width="250" height="188" alt="" /></li>
		    <li><img src="images/photos/250/img6.jpg" width="250" height="188" alt="" /></li>
		    <li><img src="images/photos/250/img7.jpg" width="250" height="188" alt="" /></li>
		    <li><img src="images/photos/250/img8.jpg" width="250" height="188" alt="" /></li>
		    <li><img src="images/photos/250/img9.jpg" width="250" height="188" alt="" /></li>
		    <li><img src="images/photos/250/img10.jpg" width="250" height="188" alt="" /></li>
		    
		    <li><img src="images/photos/250/img11.jpg" width="250" height="188" alt="" /></li>
		    <li><img src="images/photos/250/img12.jpg" width="250" height="188" alt="" /></li>
		    <li><img src="images/photos/250/img13.jpg" width="250" height="188" alt="" /></li>
		    <li><img src="images/photos/250/img14.jpg" width="250" height="188" alt="" /></li>
		    <li><img src="images/photos/250/img15.jpg" width="250" height="188" alt="" /></li>
		    <li><img src="images/photos/250/img16.jpg" width="250" height="188" alt="" /></li>
		    <li><img src="images/photos/250/img17.jpg" width="250" height="188" alt="" /></li>
		    <li><img src="images/photos/250/img18.jpg" width="250" height="188" alt="" /></li>
		    <li><img src="images/photos/250/img19.jpg" width="250" height="188" alt="" /></li>
		    <li><img src="images/photos/250/img20.jpg" width="250" height="188" alt="" /></li>
		    
		</ul>
            </div>
        </div>     
    </body>
</html>